<template>
	<div>
		<el-row>
			<el-col :span="24">
				<h2>{{ storeinfo.store_name }}</h2>
			</el-col>
			<el-col :span="24">
				<p>店铺简介：</p>
				<p>{{ storeinfo.store_intro }}</p>
			</el-col>
			<el-col :span="24">
				<p>店铺地址：</p>
				<p>{{ storeinfo.address[0].replace(/,/g, '') + storeinfo.address[1] }}</p>
			</el-col>
			<el-col :span="24">
				<p>发货地址：</p>
				<p>{{ storeinfo.send_address[0].replace(/,/g, '') + storeinfo.send_address[1] }}</p>
			</el-col>
			<el-col :span="24">
				<p>联系电话：</p>
				<p>{{ storeinfo.phone }}</p>
			</el-col>
			<el-col :span="24">
				<p>创建时间：</p>
				<p>{{ storeinfo.add_time | dataFormat }}</p>
			</el-col>
		</el-row>
	</div>
</template>

<script>
	export default {
		props:[ 'storeinfo' ],
		data() {
			return{}
		},
		created() {
			// console.log('info',this.storeinfo)
		},
		mounted() {
			console.log('info',this.storeinfo)
		}
	}
</script>

<style lang="less" scoped>
	.el-col p:nth-child(1) {
		font-weight: bold;
		color: #8d8d8d;
	}
	.el-col p:nth-child(2) {
		text-indent: 2rem;
	}
</style>
